<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <link rel="shortcut icon" href="./images/icon.png" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-市场信息管理系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/style.css">
<link href="./js/toastr/toastr.css" rel="stylesheet">
<style>
    .label_name{width: 120px;}
    .pro_imgcon{width: 200px;overflow: hidden;float: left;margin: 10px 15px;}
    .pro_img{width: 100%;}
    .pro_img img{border-radius: 3px;height: 135px;}
    .pro_imginfo{width: 100%;float: left;overflow:hidden;}
    .pro_imginfo button{float: right;margin-top: 5px}
    .upload_con{border-top:1px solid #ddd;border-bottom: 0px;margin-top: 15px;float: left;}
    .pro_upload{width: 100%;float: left;}
    .uploadnav{margin-left: 8px;font-size: 15px;}
    .piccon{width:180px;display: inline-block;margin-top: 15px;padding: 0;}
    .ivu-upload-list{width: 300px;display: inline-block}
    .qx{width:550px;margin-top: 30px;border: 1px solid #ccc;padding: 20px}
    .qx h1{font-size: 16px;}
    .qx ul{margin-top: 20px}
    .qx ul li{display: block;overflow: hidden;list-style: none;line-height: 30px;padding:5px 0 5px 15px}
    .qx ul li:hover{background: #f8f8f8}
    .qx ul li span:first-child{width:400px;float: left;margin-right: 20px;}
    .qx ul li span:last-child{width:50px;float: left;margin-right: 0}
</style>
</head>
<body>
<div class="container-fluid" id="app">
     <!-- breadcrumb -->
      <template class="page-header">
          <breadcrumb class="pull-left">
              <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
              <breadcrumb-item>授权</breadcrumb-item>
          </breadcrumb>
      </template>
    <div class="table-margin">
        <i-table :columns="columns1" :data="data1" algin="center" class="table_style"></i-table>
    </div>
      <!-- 搜索条件 -->
      <div class="table-margin">
          <row>
              <i-col span="3" class-name="mr10" style="width:150px;" >
                  <i-select v-model="Store" placeholder="中心店面" @on-change="changeBm">
                      <i-option v-for="item in StoreList" :value="item.value"  >{{item.label}}</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;" >
                  <i-select v-model="Bm" placeholder="部门" @on-change="changeUser">
                      <i-option v-for="item in BmList" :value="item.value"  >{{item.label}}</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-select v-model="User" placeholder="员工姓名" @on-change="getLim">
                      <i-option v-for="item in UserList" :value="item.value" >{{item.label}}</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-select v-model="Module" placeholder="授权模块">
                      <i-option value="1">商户模块主管理员</i-option>
                      <i-option value="2">图片上传模块主管理员</i-option>
                      <i-option value="11">商户模块使用权限</i-option>
                      <i-option value="21">图片上传使用权限</i-option>
                  </i-select>
              </i-col>
              <i-button type="primary" @click="shouquan"  >授权</i-button>
          </row>
          <div v-if="Lim === '1'">
              <row id="sqtxt" class="qx">
                  <h1>已有权限</h1>
                  <ul>
                      <li><span>{{LimInfo}}</span><span> <i-button type="primary" size="small" @click="delLim">删除</i-button></span></li>
                  </ul>
              </row>
          </div>
          <div v-else-if="Lim === '2'">
              <row id="sqtxt" class="qx">
                  <h1>已有权限</h1>
                  <ul>
                      <li><span>{{LimInfo}}</span><span> <i-button type="primary" size="small" @click="delLim">删除</i-button></span></li>
                  </ul>
              </row>
          </div>
          <div v-else-if="Lim === '0'">
              <row id="sqtxt" class="qx">
                  <h1>已有权限</h1>
                  <ul>
                      <li><span>{{LimInfo}}</span><span> <i-button type="primary" size="small" style="display: none">删除</i-button></span></li>
                  </ul>
              </row>
          </div>
      </div>


</div>
</body>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/iview.min.js"></script>
<script src="./js/sq/sq_givelim.js"></script>
<script src="./js/toastr/toastr.min.js"></script>
</html>

  

  

  

  

  
